<template>
  <el-card class="box-card">
    <div slot="header" class="clearfix">
      <span>芝麻分数</span>
      <el-button
        v-for="(button, index) in buttons"
        :key="index"
        style="float: right; padding: 3px 0"
        type="text"
      >
        {{ button }}
      </el-button>
    </div>
    <div v-for="o in 4" :key="o" class="text item">
      {{ '列表内容 ' + o }}
    </div>
  </el-card>
</template>


<style>
.text {
  font-size: 14px;
}

.item {
  margin-bottom: 18px;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both
}

.box-card {
  width: 480px;
}
</style>

<script>
export default {
  data() {
    return {
      buttons: ['今天', '昨天', '近三天', '近五天'],
    };
  },
};
</script>